
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Prophet 先知 &mdash; 最赞的Dota2比赛文字直播App</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="最优秀的Dota2比赛文字直播App" />
	<meta name="keywords" content="Dota2 DotA 比赛 直播 文字直播 讨论 节奏 YYF 马甲 ZSMJ BurNing" />
	<meta name="author" content="Kevin.Gong" />

  <!-- 
	//////////////////////////////////////////////////////

	FREE HTML5 TEMPLATE 
	DESIGNED & DEVELOPED by FREEHTML5.CO
		
	Website: 		http://freehtml5.co/
	Email: 			info@freehtml5.co
	Twitter: 		http://twitter.com/fh5co
	Facebook: 		http://www.facebook.com/fh5co

	//////////////////////////////////////////////////////
	 -->

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<link href="http://oap91rhcb.bkt.clouddn.com/css/googlefont.css" rel="stylesheet" type="text/css">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="http://oap91rhcb.bkt.clouddn.com/css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="http://oap91rhcb.bkt.clouddn.com/css/icomoon.css">
	<!-- Simple Line Icons -->
	<link rel="stylesheet" href="http://oap91rhcb.bkt.clouddn.com/css/simple-line-icons.css">
	<!-- Owl Carousel -->
	<link rel="stylesheet" href="http://oap91rhcb.bkt.clouddn.com/css/owl.carousel.min.css">
	<link rel="stylesheet" href="http://oap91rhcb.bkt.clouddn.com/css/owl.theme.default.min.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="http://oap91rhcb.bkt.clouddn.com/css/bootstrap.css">

	<!-- 
	Default Theme Style 
	You can change the style.css (default color purple) to one of these styles
	
	1. pink.css
	2. blue.css
	3. turquoise.css
	4. orange.css
	5. lightblue.css
	6. brown.css
	7. green.css

	-->
	<link rel="stylesheet" href="http://oap91rhcb.bkt.clouddn.com/css/blue.css">

	<!-- Modernizr JS -->
	<script src="http://oap91rhcb.bkt.clouddn.com/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="http://oap91rhcb.bkt.clouddn.com/js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
	<header role="banner" id="fh5co-header">
			<div class="container">
				<!-- <div class="row"> -->
			    <nav class="navbar navbar-default">
		        <div class="navbar-header">
		        	<!-- Mobile Toggle Menu Button -->
					<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
		          	<a class="navbar-brand" href="index.html">Prophet</a> 
		        </div>
		        <div id="navbar" class="navbar-collapse collapse">
		          <ul class="nav navbar-nav navbar-right">
		            <li class="active"><a href="#" data-nav-section="home"><span>首页</span></a></li>
		            <li><a href="#" data-nav-section="features"><span>功能</span></a></li>
		            <li><a href="#" data-nav-section="about"><span>关于</span></a></li>
		          </ul>
		        </div>
			    </nav>
			  <!-- </div> -->
		  </div>
	</header>

	<div id="slider" data-section="home">
		<div class="owl-carousel owl-carousel-fullwidth">
			<!-- You may change the background color here. -->
		    <div class="item" style="background: #352f44;">
		    	<div class="container" style="position: relative;">
		    		<div class="row">
					    <div class="col-md-7 col-sm-7">
			    			<div class="fh5co-owl-text-wrap">
						    	<div class="fh5co-owl-text">
						    		<h1 class="fh5co-lead to-animate">Dota圈的新节奏</h1>
									<h2 class="fh5co-sub-lead to-animate">和谐有爱的水友 风趣幽默的主播 我们是一群有素质的水友</h3>
									<p class="to-animate-2"><a href="https://itunes.apple.com/cn/app/xian-zhi-you-xiu-wen-zi-zhi/id1133836405?l=en&mt=8" class="btn btn-primary btn-lg">马上下载</a></p>
						    	</div>
						    </div>
					    </div>
					    <div class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
					    	<div class="iphone to-animate-2"><img src="http://oap91rhcb.bkt.clouddn.com/images/iPhone6s-2-chat-vc_framed.png" alt="水友聊天"></div>
					    </div>

		    		</div>
		    	</div>
		    </div>
			<!-- You may change the background color here.  -->
		    <div class="item" style="background: #38569f;">
		    	<div class="container" style="position: relative;">
		    		<div class="row">
		    			<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5">
			    			<div class="fh5co-owl-text-wrap">
						    	<div class="fh5co-owl-text">
						    		<h1 class="fh5co-lead to-animate">比赛实时数据尽在手中</h1>
									<h2 class="fh5co-sub-lead to-animate">随时随地查看比赛实时数据 分析局势 是时候秀一波大局观了</h3>
									<p class="to-animate-2"><a href="https://itunes.apple.com/cn/app/xian-zhi-you-xiu-wen-zi-zhi/id1133836405?l=en&mt=8" class="btn btn-primary btn-lg">去Appstore查看</a></p>
						    	</div>
						    </div>
					    </div>
					    <div class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 iphone-image">
					    	<div class="iphone to-animate-2"><img src="http://oap91rhcb.bkt.clouddn.com/images/iPhone6s-4-live_framed.png" alt="直播数据"></div>
					    </div>

		    		</div>
		    	</div>
		    </div>

		    <div class="item" style="background-image:url(http://oap91rhcb.bkt.clouddn.com/images/slide_5.jpg)">
		    	<div class="overlay"></div>
		    	<div class="container" style="position: relative;">
		    		<div class="row">
		    			<div class="col-md-8 col-md-offset-2 text-center">
		    				<div class="fh5co-owl-text-wrap">
						    	<div class="fh5co-owl-text">
		    						<h1 class="fh5co-lead to-animate">RUA RUA RUA!</h1>
									<h2 class="fh5co-sub-lead to-animate">我们都到了，你还在等什么？</h3>
									<p class="to-animate-2"><a href="https://itunes.apple.com/cn/app/xian-zhi-you-xiu-wen-zi-zhi/id1133836405?l=en&mt=8" target="_blank" class="btn btn-primary btn-lg">马上下载</a></p>
								</div>
							</div>
		    			</div>
		    		</div>
		    	</div>
		    </div>

		</div>
	</div>
	
	<div id="fh5co-features" data-section="features">
		<div class="container">
			<div class="row">
				<div class="col-md-12 section-heading text-center">
					<h2 class="single-animate animate-features-1">功能</h2>
					<div class="row">
						<div class="col-md-8 col-md-offset-2 single-animate animate-features-2">
							<h3>我们才刚刚开始，更多的功能，更有趣的玩法等着大家去发现～</h3>
						</div>
					</div>
				</div>
			</div>
			<div class="row row-bottom-padded-sm">
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="icon-present"></i></div>
					<div class="fh5co-desc">
						<h3>惊喜</h3>
						<p>我们给大家100%的自由。所有的帖子，所有的聊天都不会出现管理员一类的角色，我们给广大水友所有的权利</p>
					</div>	
				</div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="icon-eye"></i></div>
					<div class="fh5co-desc">
						<h3>直播</h3>
						<p>实时的比赛数据，有爱的文字直播。同学们不管在办公室，教室，地铁，公交，随时随地了解比赛战况</p>
					</div>
				</div>
				<div class="clearfix visible-sm-block visible-xs-block"></div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="icon-crop"></i></div>
					<div class="fh5co-desc">
						<h3>精准</h3>
						<p>直接从DotA2游戏服务器获取比赛数据，在保证数据精准可用的同时为大家尽可能的节省手机的流量和电量 </p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="icon-speedometer"></i></div>
					<div class="fh5co-desc">
						<h3>预告</h3>
						<p>精彩比赛一场都不错过，我们会实时监测正在进行的比赛。有了Prophet你不会错过任何一场你喜欢的比赛 </p>
					</div>	
				</div>
				<div class="clearfix visible-sm-block visible-xs-block"></div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="icon-heart"></i></div>
					<div class="fh5co-desc">
						<h3>情怀</h3>
						<p>我们的大学，我们的青春是是伴随着DotA度过的，不管是看BurNing补刀，还是看着09Gank。我们是有爱的一群人</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="icon-umbrella"></i></div>
					<div class="fh5co-desc">
						<h3>安全</h3>
						<p>我们是保证大家随时可以获得最新的信息，不会被别有用心的群主，吧主当枪使，去攻击选手、俱乐部</p>
					</div>
				</div>
				<div class="clearfix visible-sm-block visible-xs-block"></div>
			</div>
		</div>
	</div>

	<div id="fh5co-about-us" data-section="about">
		<div class="container">
			<div class="row row-bottom-padded-lg" id="about-us">
				<div class="col-md-12 section-heading text-center">
					<h2 class="to-animate">关于我们</h2>
					<div class="row">
						<div class="col-md-8 col-md-offset-2 to-animate">
							<h3>我们是一群热爱DotA2、热爱生活的人，希望可以给大家带来便利，可以让大家的生活更美好一些</h3>
						</div>
					</div>
				</div>
				<div class="col-md-8 to-animate">
					<img src="http://oap91rhcb.bkt.clouddn.com/images/img_1.jpg" class="img-responsive img-rounded" alt="Free HTML5 Template">
				</div>
				<div class="col-md-4 to-animate">
					<h2>我们为什么要开发这个APP</h2>
					<p></p>
					<p>随着我们年龄的增长，可能我们再也没有大量的时间去关注一场比赛，但是DotA毕竟是我们曾经的最爱，所以我们开发了<a href="https://itunes.apple.com/cn/app/xian-zhi-you-xiu-wen-zi-zhi/id1133836405?l=en&mt=8">先知｜Prophet</a>可以让我们在很小的时间片段去了解比赛。当然还有一下几个原因:</p>
					<p>1:没有一个给我们Dota玩家完全公正自由的交流平台。贴吧，微博都由各种吧主，群主所控制没有任何言论自由可言，各种乱带节奏。
					喷选手，喷俱乐部。所以我们有意添加了一个完全自由的聊天功能
					</p>
					<p>2:随着直播门槛越来越低，各个平台的主播能力良莠不齐。大部分时候我们不得不忍受自己喜欢的比赛被主播糟蹋。各种不着边际的局势分析。所以我们添加了比赛实时数据递送功能</p>
					<p>3:学生党，流量党的福音～</p>
					<p><a href="#" class="btn btn-primary connact-us">联系我们</a></p>
				</div>
			</div>
			<div class="row" id="team">
				<div class="col-md-12 section-heading text-center to-animate">
					<h2>Team</h2>
				</div>
				<div class="col-md-12">
					<div class="row row-bottom-padded-lg">
						<div class="col-md-4 text-center to-animate">
							<div class="person">
								<img src="http://oap91rhcb.bkt.clouddn.com/images/aIcey.jpg" class="img-responsive img-rounded" alt="Person">
								<h3 class="name">Icey</h3>
								<div class="position">Senior Automation Test Engineer</div>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
								<!-- <ul class="social social-circle">
									<li><a href="#"><i class="icon-wechat"></i></a></li>
									<li><a href="#"><i class="icon-weibo"></i></a></li>
									<li><a href="#"><i class="icon-qq"></i></a></li>
								</ul> -->
							</div>
						</div>
						<div class="col-md-4 text-center to-animate">
							<div class="person">
								<img src="http://oap91rhcb.bkt.clouddn.com/images/aHeath.jpg" class="img-responsive img-rounded" alt="Person">
								<h3 class="name">Heath</h3>
								<div class="position">Senior iOS Developer</div>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
	<!-- 							<ul class="social social-circle">
									<li><a href="#"><i class="icon-wechat"></i></a></li>
									<li><a href="#"><i class="icon-weibo"></i></a></li>
									<li><a href="#"><i class="icon-qq"></i></a></li>
									<li><a href="#"><i class="icon-github"></i></a></li>
								</ul> -->
							</div>
						</div>
						<div class="col-md-4 text-center to-animate">
							<div class="person">
								<img src="http://oap91rhcb.bkt.clouddn.com/images/prophetlogo.png" class="img-responsive img-rounded" alt="Person">
								<h3 class="name">Kevin</h3>
								<div class="position">Full-Stack developer</div>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
<!-- 								<ul class="social social-circle">
									<li><a href="#"><i class="icon-wechat"></i></a></li>
									<li><a href="#"><i class="icon-weibo"></i></a></li>
									<li><a href="#"><i class="icon-qq"></i></a></li>
									<li><a href="#"><i class="icon-github"></i></a></li>
								</ul> -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>	

	<footer id="footer" role="contentinfo">
		<div class="container">
			<div class="row row-bottom-padded-sm">
				<div class="col-md-12">
					<p class="copyright text-center">&copy; <a href="index.html">Kevin.Gong</a>. All Rights Reserved. <br> Kevin <a href="http://www.dota2.com.cn" target="_blank">DotA2</a> studio | Images by <a href="index.html" target="_blank">Kevin</a></p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12 text-center"> email: aoxianglele@icloud.com
<!-- 					<ul class="social social-circle">
						<li><a href="#"><i class="icon-wechat"></i></a></li>
						<li><a href="#"><i class="icon-weibo"></i></a></li>
						<li><a href="#"><i class="icon-qq"></i></a></li>
						<li><a href="#"><i class="icon-github"></i></a></li>
					</ul> -->
				</div>
			</div>
		</div>
	</footer>
		
	<!-- jQuery -->
	<script src="http://oap91rhcb.bkt.clouddn.com/js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="http://oap91rhcb.bkt.clouddn.com/js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="http://oap91rhcb.bkt.clouddn.com/js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="http://oap91rhcb.bkt.clouddn.com/js/jquery.waypoints.min.js"></script>
	<!-- Owl Carousel -->
	<script src="http://oap91rhcb.bkt.clouddn.com/js/owl.carousel.min.js"></script>

	<script type="text/javascript">
		$('.connact-us').click( function() {
			$("html,body").stop(true);
			$("html,body").animate( {scrollTop: $("#team").offset().top }, 1000 );
		});
	</script>

	<!-- Main JS (Do not remove) -->
	<script src="http://oap91rhcb.bkt.clouddn.com/js/main.js"></script>

	</body>
</html>
